body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,img{margin:0; padding:0;border:none;}

body{background:#fff;font-family:"Microsoft YaHei","微软雅黑",arial;font-size:12px;color:#333333;font-weight:normal;}

textarea,input{font-family:"Microsoft YaHei","微软雅黑",arial;color: #333333;font-size:12px;padding:0;margin:0;outline: none;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

input:focus,textarea:focus{outline:none;}

ol,ul,li{list-style:none;}

h1,h2,h3,h4,h5,h6{font-size:12px;color:#333333;font-weight:normal;}

a,a:link,a:visited,a:focus,a:active,a:hover{font-family:"Microsoft YaHei","微软雅黑",arial;color:#333333;font-size:12px;text-decoration:none;}

a:hover{color:#00396c;}

html,body{

	height: 100%;

	margin: 0;

	padding: 0;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

.wrap{

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

	box-sizing: border-box;

}

.wrap:after{content:"";height:0;display:block;clear:both}

.row{

	width: 100%;

	box-sizing: border-box;

}

.row:after{content:"";height:0;display:block;clear:both}

.article{

	line-height: 24px;

	font-size: 14px;

	color: #666666;

	text-align: justify;

}

.article img{

	max-width: 100%;

}

.mainFilter{

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	z-index: 100;

	display: none;

	background: url(../images/mainFilter.png);

}

.wrapper{

	width: 100%;

	min-height: 100%;

	position: relative;

	box-sizing: border-box;

	padding-top: 92px;

}

.header{

	width: 100%;

	height: 92px;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 90;

	background: #fff;

}

.header .logo{

	float: left;

	overflow: hidden;

	width: 248px;

	height: 33px;

	margin-top: 26px;

}

.header .logo img{

	width: 100%;

	display: block;

}

.header .searchBox{

	float: right;

	margin-top: 35px;

	position: relative;

}

.header .searchBox .searchBtn{

	width: 25px;

	height: 25px;

	background: url(../images/searchBtn.gif) no-repeat center;

	cursor: pointer;

}

.header .searchBox .searchBar{

	width: 300px;

	height: 40px;

	position: absolute;

	right: -9px;

	top: 30px;

	z-index: 5;

	border: solid 2px #eee;

	box-sizing: border-box;

	display: none;

}

.header .searchBox .searchBar .inpu{

	width: 258px;

	height: 36px;

	float: left;

}

.header .searchBox .searchBar .inpu input{

	width: 100%;

	height: 36px;

	line-height: 36px;

	padding: 0 10px;

	box-sizing: border-box;

	font-size: 14px;

	color: #666;

}

.header .searchBox .searchBar .inpu input::-webkit-input-placeholder{color: #ccc;}

.header .searchBox .searchBar .inpu input:-moz-placeholder{color: #ccc;}

.header .searchBox .searchBar .inpu input::-moz-placeholder{color: #ccc;}

.header .searchBox .searchBar .inpu input:-ms-input-placeholder{color: #ccc;}

.header .searchBox .searchBar .btn{

	width: 36px;

	height: 36px;

	float: right;

	background: url(../images/searchBtn.gif) no-repeat center #fff;

	border-left: solid 2px #eee;

}

.header .searchBox .searchBar .btn input{

	width: 100%;

	height: 100%;

	background: none;

	cursor: pointer;

}

.header .nav .tit,

.header .menuBtn{

	display: none;

}

.header .nav{

	float: right;

	margin-right: 28px;

}

.header .nav>ul>li{

	float: left;

	margin-left: 20px;

	position: relative;

}

.header .nav>ul>li>a{

	width: 95px;

	height: 90px;

	line-height: 90px;

	display: block;

	text-align: center;

	position: relative;

	font-size: 14px;

	color: #333333;

}

.header .nav>ul>li>a:after{

	content:"";

	width: 11px;

	height: 6px;

	background: url(../images/nav_after.gif) no-repeat 0 0;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -6px;

	z-index: 2;

	display: none;

}

.header .nav>ul>li.on,

.header .nav>ul>li:hover{

	background: #00396c;

}

.header .nav>ul>li.on a,

.header .nav>ul>li:hover a{

	color: #fff;

}

.header .nav>ul>li.on>a:after,

.header .nav>ul>li:hover>a:after{

	display: block;

}

.header .nav li .sub{

	width: auto;

	min-width: 95px;

	position: absolute;

	left: 50%;

	top: 90px;

	transform: translate(-50%,0%);

	-webkit-transform: translate(-50%,0%);

	-moz-transform: translate(-50%,0%);

	-ms-transform: translate(-50%,0%);

	-o-transform: translate(-50%,0%);

	z-index: 4;

	background: #fff;

	box-sizing: border-box;

	display: none;

	padding-top: 2px;

}

.header .nav li .sub li{

	border-bottom: solid 1px #eee;

	text-align: center;

}

.header .nav li .sub li a{

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color: #333333;

	display: block;

	white-space: nowrap;

	padding: 0 14px;

}

.header .nav li .sub li a:hover{

	background: #015fb2;

	color: #fff;

}



.header .searchBox,

.header .logo,

.header .nav>ul>li>a,

.header{

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.header.min{

	height: 60px;

}

.header.min .logo{

	margin-top: 13px;

}

.header.min .searchBox{

	margin-top: 18px;

}

.header.min .searchBox .searchBar{

	top: 42px;

}

.header.min .nav>ul>li>a{

	height: 60px;

	line-height: 60px;

}

.header.min .nav li .sub{

	top: 60px;

}











.fp-auto-height.fp-section,

.fp-auto-height .fp-slide,

.fp-auto-height .fp-tableCell{

    height: auto !important;

}



.fp-responsive .fp-auto-height-responsive.fp-section,

.fp-responsive .fp-auto-height-responsive .fp-slide,

.fp-responsive .fp-auto-height-responsive .fp-tableCell {

    height: auto !important;

}



/*Only display content to screen readers*/

.fp-sr-only{

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}











#superContainer {

	height: 100%;

	position: relative;

	-ms-touch-action: none;/* Touch detection for Windows 8 */

	touch-action: none;/* IE 11 on Windows Phone 8.1*/

}

.fp-section {

	position: relative;

	-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */

	-moz-box-sizing: border-box; /* <=28 */

	box-sizing: border-box;

}

.fp-slide {

	float: left;

}

.fp-slide, .fp-slidesContainer {

	height: 100%;

	display: block;

}

.fp-slides {

	z-index:1;

	height: 100%;

	overflow: hidden;

	position: relative;

	-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */

	transition: all 0.3s ease-out;

}

.fp-section.fp-table, .fp-slide.fp-table {

	display: table;

	table-layout:fixed;

	width: 100%;

}

.fp-tableCell {

	display: table-cell;

	vertical-align: middle;

	width: 100%;

	height: 100%;

}

.fp-slidesContainer {

	float: left;

	position: relative;

}

.fp-controlArrow {

	position: absolute;

	z-index: 4;

	top: 50%;

	cursor: pointer;

	width: 0;

	height: 0;

	border-style: solid;

	margin-top: -38px;

}

.fp-controlArrow.fp-prev {

	left: 15px;

	width: 0;

	border-width: 38.5px 34px 38.5px 0;

	border-color: transparent #fff transparent transparent;

}

.fp-controlArrow.fp-next {

	right: 15px;

	border-width: 38.5px 0 38.5px 34px;

	border-color: transparent transparent transparent #fff;

}

.fp-scrollable {

	overflow: scroll;



}

.fp-notransition {

	-webkit-transition: none !important;

	transition: none !important;

}

/*右侧导航点*/

#fp-nav {

	position: fixed;

	z-index: 100;

	top: 50%;

	opacity: 1;

	left: 48px;

}

#fp-nav ul,

.fp-slidesNav ul{

	margin: 0;

	padding: 0;

}

#fp-nav ul li{

	width: 14px;

	margin-bottom: 17px;

	display: block;

	position:relative;

}

#fp-nav ul li a {

	width: 10px;

	height: 10px;

	display: block;

	cursor: pointer;

	text-decoration: none;

	border-radius: 50%;

	padding: 3px;

}

#fp-nav ul li a span{

	width: 10px;

	height: 10px;

	background: #fff;

	border-radius: 50%;

	display: block;

}

#fp-nav ul li a.active{

	border: solid 1px #fff;

	padding: 2px;

}

#fp-nav.dark ul li a span{

	background: #0184d4;

}

#fp-nav.dark ul li a.active{

	border: solid 1px #0184d4;

}

/*横向幻灯片导航点*/

.fp-slidesNav{

	position: absolute;

	z-index: 4;

	left: 50%;

	opacity: 1;

	bottom: 35px;

	transform: translate(-50%,0);

	-webkit-transform:translate(-50%,0);

	-moz-transform:translate(-50%,0);

	-ms-transform:translate(-50%,0);

	-o-transform:translate(-50%,0);

}

.fp-slidesNav ul li{

	display: inline-block;

	margin: 0 10px;

}

.fp-slidesNav ul li a{

	width: 40px;

	height: 3px;

	display: block;

	cursor: pointer;

	background: #fff;

}

.fp-slidesNav ul li a.active{

	background: #1b97e2;

}

.section1 .slide{

	text-align: center;

	background: no-repeat center;

	/*background-size: 100% auto;*/
	 background-size:cover!important;

}

.section1 .slide img{

	display: none;

}

.section1 .slide a{ display:block; height:100%;}

#dowebok .columnTitle{

	text-align: center;

}

#dowebok .columnTitle .tit{

	line-height: 38px;

	font-size: 35px;

	color: #333333;

}

#dowebok .columnTitle .entit{

	line-height: 28px;

	font-family: Arial;

	font-size: 25px;

	color: #999999;

	margin-top: 8px;

}

#dowebok .columnTitle .line{

	width: 32px;

	height: 3px;

	background: #858585;

	display: inline-block;

	margin-top: 22px;

}

.section2{

	background: url(../images/section2_bg1.jpg) no-repeat 0 0,url(../images/section2_bg2.jpg) no-repeat right bottom;

	padding-top: 40px;

}

.section2 .slogan{

	line-height: 24px;

	font-size:16px;

	text-align: center;

	margin-top: 25px;

}

.section2 .solutionList{

	width: 1200px;

	margin: 36px auto 0 auto;

}

.section2 .solutionList:after{content:"";height:0;display:block;clear:both}

.section2 .solutionList li{

	float: left;

	width: 398px;

	height: 279px;

	padding-left: 3px;

	overflow: hidden;

	margin-bottom: 3px;

}

.section2 .solutionList li:nth-child(3n+1){

	padding-left: 0;

}

.section2 .solutionList li a{

	width: 100%;

	height: 100%;

	display: block;

	position: relative;

	overflow: hidden;

}

.section2 .solutionList li img{

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section2 .solutionList li a:hover img{

	transform: scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);

	-o-transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

}

@media only screen and (max-width: 1600px){

	.section2 .solutionList{

		width: 906px;

	}

	.section2 .solutionList li{

		width: 300px;

		height: 210px;

	}

}

.section2 .solutionList li .text{

	width: 100%;

	height: 22px;

	line-height: 22px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 5;

	margin-top: -28px;

}

.section2 .solutionList li .icon{

	width: 100%;

	height: 31px;

	position: absolute;

	bottom: 50%;

	left: 0;

	z-index: 5;

	background: url(../images/section2_icon.png) no-repeat center 0;

	background-size: auto 100%;

	margin-bottom: -37px;

}

.section3{

	background: url(../images/20211124/i_bg1.jpg) center center no-repeat; background-size:cover;

	padding-top: 40px;

}

#dowebok .productList{ overflow:hidden; border-left:1px solid #fff;border-top:1px solid #fff; margin-top:30px;position: relative;  top: 150px; opacity: 0;   transition: 0.8s;  -webkit-transition: 0.8s;

 -moz-transition: 0.8s; -ms-transition: 0.8s;  -o-transition: 0.8s;}

#dowebok .productList ul li{ float:left; width:50%; position:relative; overflow:hidden;transition:all 0.3s; z-index:0;}

/*#dowebok .productList ul li:hover{background:#002157;}*/

#dowebok .productList ul li:after{ content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:#fff;}

#dowebok .productList ul li:before{ content:""; position:absolute; left:0; bottom:0; height:1px; width:100%; background:#fff;}

#dowebok .productList ul li .boxs{ width:96%; max-width:560px; overflow:hidden; margin:0 auto;}

#dowebok .productList ul li a{ display:block; overflow:hidden; color:#fff; font-size:19px; text-align:right; padding-top:34%; padding-bottom:5%;}

#dowebok .productList ul li a:hover{ }

/*#dowebok .productList ul li.on{ background:#002157;}*/
#dowebok .productList ul li .imgs{ overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
#dowebok .productList ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
#dowebok .productList ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#dowebok .section3 .columnTitle{ text-align:left;}

#dowebok .section3 .columnTitle .tit{ color:#fff;}

#dowebok .section3 .columnTitle .entit{

	color: #fff;

}

#dowebok .section3 .columnTitle .line{

	background: #fff;

}

#dowebok .section4 .columnTitle{

	text-align: left;

}

#dowebok .section4 .columnTitle .tit{

	color: #fff;

}

#dowebok .section4 .columnTitle .entit{

	color: #cccccc;

}

#dowebok .section4 .columnTitle .line{

	background: #99b0c4;

}

.section4{

	padding-top: 41px;

}

.section4 .contont{

	width: 50%;

	float: left;

}

.section4 .contont .text{

	line-height: 30px;

	font-size: 16px;

	color: #ffffff;

	margin-top: 120px;

	text-align: justify;

}

.section4 .contont .text .line{

	width: 32px;

	height: 3px;

	background: #99b0c4;

	display: inline-block;

	margin-top: 42px;

}

.section4 .contont .list{

	margin-top: 52px;

}

.section4 .contont .list:after{content:"";height:0;display:block;clear:both}

.section4 .contont .list li{

	width: 45%;

	height: 26px;

	line-height: 26px;

	font-size: 14px;

	color: #fff;

	float: left;

	padding: 0 10px 0 44px;

	box-sizing: border-box;

	background: no-repeat 0 center;

	background-size: auto 100%;

	margin-bottom: 30px;

}

.section4 .contont .list li:nth-child(even){

	width: 55%;

}

.section4 .contont .list li span{

	display: block;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.section4 .contont .more{

	width: 127px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	border: solid 1px #fff;

	font-size: 16px;

	color: #fff;

	background: url(../images/section3_more.png) no-repeat right 30px center;

	padding-right: 30px;

	display: block;

	margin-top: 42px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section4 .contont .more:hover{

	background-image: url(../images/section3_more2.png);

	background-color: #fff;

	color:#00396c;

}

.section4 .services{

	width: 495px;

	height: 495px;

	float: right;

	margin-top: 100px;

	background: url(../images/section3_services_bg.png) no-repeat 0 0;

	margin-right: 16px;

	position: relative;

}

.section4 .services .title{

	width: 123px;

	height: 123px;

	background: #4eb3f1;

	border-radius: 50%;

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 5;

	transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	padding: 35px 10px;

	box-sizing: border-box;

	text-align: center;

	line-height: 25px;

	font-size: 18px;

	color: #fff;

}

.section4 .services li{

	width: 100px;

	text-align: center;

	position: absolute;

	z-index: 5;

}

.section4 .services li .pic{

	height: 35px;

}

.section4 .services li .pic img{

	height: 100%;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section4 .services li:hover .pic img{

	transform: rotateY(180deg);

	-webkit-transform:rotateY(180deg);

	-ms-transform:rotateY(180deg);

	-o-transform:rotateY(180deg);

	-moz-transform:rotateY(180deg);

}

.section4 .services li .txt{

	height: 20px;

	line-height: 20px;

	font-size: 16px;

	color: #fff;

	margin-top: 8px;

}

.section4 .services li.s1{

	top: 35px;

	left: 50%;

	margin-left: -50px;

}

.section4 .services li.s2{

	top: 120px;

	right: 25px;

}

.section4 .services li.s3{

	top: 263px;

	right: 25px;

}

.section4 .services li.s4{

	bottom: 50px;

	right: 110px;

}

.section4 .services li.s5{

	left: 110px;

	bottom: 50px;

}

.section4 .services li.s6{

	left: 25px;

	top: 263px;

}

.section4 .services li.s7{

	top: 120px;

	left: 25px;

}

.section5{

	position: relative;

	overflow: hidden;

}

.section5 .hand{

	max-width: 870px;

	height:578px;

	position: absolute;

	bottom: 107px;

	left: 0;

	z-index: 5;

	width: 45%;

}

.section5 .hand img{

	width: 100%;

}

.section5 .contont{

	width: 612px;

	float: right;

}

#dowebok .section5 .columnTitle{

	text-align: left;

}

.section5 .contont .text{

	line-height: 30px;

	font-size: 16px;

	color: #333333;

	margin-top: 20px;

	text-align: justify;

}

.section5 .contont .text .line{

	width: 32px;

	height: 3px;

	background: #b4b4b4;

	display: inline-block;

	margin-top: 42px;

}

.section5 .contont .more{

	width: 127px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	border: solid 1px #999999;

	font-size: 16px;

	color: #666666;

	background: url(../images/section3_more3.png) no-repeat right 30px center;

	padding-right: 30px;

	display: block;

	margin-top: 42px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section5 .contont .more:hover{

	background-image: url(../images/section3_more.png);

	background-color: #00396c;

	color:#fff;

}

.section5 .contont .list{

	margin-top: 70px;

}

.section5 .contont .list li{

	width: 33.333%;

	float: left;

	text-align: center;

}

.section5 .contont .list li .number{

	width: 100%;

	line-height: 50px;

	font-size: 18px;

	color: #333333;

}

.section5 .contont .list li .number .num{

	font-family: Arial;

	font-size: 75px;

	color: #112c49;

}

.section5 .contont .list li .txt{

	width: 100%;

	line-height: 20px;

	font-size: 20px;

	font-size: 18px;

	color: #333333;

}

#dowebok .section6{

	/*padding-top: 30px;*/

	position: relative;


}

#dowebok .section6 .columnTitle .tit{
padding-top: 30px;
	color: #fff;

}

#dowebok .section6 .columnTitle .entit{

	color: #cccccc;

}

#dowebok .section6 .columnTitle .line{

	background: #99b0c4;

}

.section6 .clientsList{

	width: 1199px;

	margin: 50px auto 0 auto;

}

.section6 .clientsList .swiper-container{

	padding-bottom: 70px;

}

.section6 .clientsList .swiper-slide{

	overflow: hidden;

}

.section6 .clientsList .swiper-slide img{

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section6 .clientsList .swiper-slide a:hover img{

	transform: scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);

	-o-transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

}

.section6 .clientsList .swiper-pagination-bullet{

	width: 10px;

	height: 10px;

	background: #fff;

	margin: 0 10px;

	opacity: 1;

}

.section6 .clientsList .swiper-pagination-bullet.swiper-pagination-bullet-active{

	background: #0067a5;

}



.footer{

	background: #00396c;

	padding-top: 44px;

	font-size: 14px;

	color: #7899b6;

	border-top: solid 1px #1a4d7b;

}

.footer a{

	font-size: 14px;

	color: #7899b6;

	transition-duration: .2s;

	-webkit-transition-duration: .2s;

	-moz-transition-duration: .2s;

	-ms-transition-duration: .2s;

	-o-transition-duration: .2s;

}

.footer .tit{

	font-size: 16px;

	color: #fff;

}

.footer .link-list{

	float: left;

}

.footer .list{

	width: 156px;

	float: left;

}

.footer .contact .text,

.footer .list li{

	line-height: 24px;

}

.footer .contact .text,

.footer .list ul{

	margin-top: 20px;

}

.footer .list li a:hover{

	color: #fff;

}

.footer .contact{

	max-width: 234px;

	float: left;

}

.footer .contact p{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

}

.footer .contact .t{

	min-width: 42px;

}

.footer .qrcodebox{

	float: right;

}

.footer .qrcodebox .box{

	float: left;

	margin-left: 14px;

	width: 128px;

	text-align: center;

}

.footer .qrcodebox i{

	display: block;

	margin-bottom: 10px;

}

.footer .qrcodebox img{

	width: 100%;

	display: block;

}

.footer .bottom{

	border-top: solid 1px #1a4d7b;

	line-height: 24px;

	padding: 13px 0;

	margin-top: 32px;

}

.footer .copy{

	float: left;

}

.footer .record{

	float: right;

}



@media only screen and (max-width: 1380px){

	#dowebok .columnTitle .tit{

		line-height: 28px;

		font-size: 24px;

	}

	#dowebok .columnTitle .entit{

		line-height: 24px;

		font-size: 20px;

		margin-top: 4px;

	}

	#dowebok .columnTitle .line{

		margin-top: 12px;

	}

	.section2{

		padding-top: 40px;

	}

	.section2 .slogan{

		margin-top: 20px;

	}

	.section2 .solutionList{

		width: 906px;

		margin-top: 10px;

	}

	.section2 .solutionList li{

		width: 300px;

		height: 180px;

	}

	.section2 .solutionList li a{

		width: 100%;

		height: 100%;

		display: block;

		position: relative;

		overflow: hidden;

	}

	.section3{

		padding-top: 40px;

	}

	.section4{

		padding-top: 60px;

	}

	.section4 .contont .text{

		margin-top: 40px;

	}

	.section4 .contont .text .line{

		margin-top: 22px;

	}

	.section4 .contont .list{

		margin-top: 22px;

	}

	.section4 .services{

		margin-top: 0px;

	}



	.section5{

		padding-top: 30px;

	}

	.section5 .hand{

		max-width: 550px;

		height:378px;

	}

	.section5 .contont .text{

		line-height: 30px;

		font-size: 16px;

		color: #333333;

		margin-top: 20px;

		text-align: justify;

	}

	.section5 .contont .text .line{

		width: 32px;

		height: 3px;

		background: #b4b4b4;

		display: inline-block;

		margin-top: 42px;

	}

	.section5 .contont .more{

		margin-top: 22px;

	}

	.section5 .contont .list{

		margin-top: 20px;

	}

	.section5 .contont .list li .number{

		line-height: 40px;

		font-size: 18px;

		color: #333333;

	}

	.section5 .contont .list li .number .num{

		font-size: 45px;

	}



	#dowebok .section6{

		padding-top: 0px;

	}
	#dowebok .section6 .columnTitle .tit{ padding-top:0;}

	.section6 .clientsList{

		width: 820px;

		margin: 20px auto 0 auto;

	}

	.section6 .clientsList .swiper-container{

		padding-bottom: 40px;

	}







}







/*动画预设*/

@media only screen and (min-width: 1200px){

	.section2 .columnTitle,

	.section3 .columnTitle,

	.section4 .columnTitle,

	.section5 .columnTitle,

	.section6 .columnTitle{

		position: relative;

		top: -150px;

		opacity: 0;

		transition: 0.8s;

		-webkit-transition: 0.8s;

		-moz-transition: 0.8s;

		-ms-transition: 0.8s;

		-o-transition: 0.8s;

	}

	.section6 .clientsList,

	.section5 .contont .more,

	.section5 .contont .text,

	.section4 .services,

	.section4 .contont .more,

	.section4 .contont .list,

	.section4 .contont .text,

	.section2 .solutionList li,

	.section2 .slogan{

		position: relative;

		top: 150px;

		opacity: 0;

		transition: 0.8s;

		-webkit-transition: 0.8s;

		-moz-transition: 0.8s;

		-ms-transition: 0.8s;

		-o-transition: 0.8s;

	}

	.section4 .services li{

		transform:rotateY(90deg);

		-webkit-transform:rotateY(90deg);

		-ms-transform:rotateY(90deg);

		-o-transform:rotateY(90deg);

		-moz-transform:rotateY(90deg);

		transition: 1.2s;

		-webkit-transition: 1.2s;

		-moz-transition: 1.2s;

		-ms-transition: 1.2s;

		-o-transition: 1.2s;

	}

	.section5 .contont .list,

	.section2 .solutionList li:first-child,

	.section4 .contont .list{

		transition: 1.2s;

		-webkit-transition: 1.2s;

		-moz-transition: 1.2s;

		-ms-transition: 1.2s;

		-o-transition: 1.2s;

	}

	.section5 .contont .more,

	.section4 .services,

	.section4 .contont .more{

		transition: 1.6s;

		-webkit-transition: 1.6s;

		-moz-transition: 1.6s;

		-ms-transition: 1.6s;

		-o-transition: 1.6s;

	}

	.section5 .hand{

		bottom: -300px;

		left: -400px;

		opacity: 0;

		transition: 2s;

		-webkit-transition: 2s;

		-moz-transition: 2s;

		-ms-transition: 2s;

		-o-transition: 2s;

	}

}

/*首页end*/

.container{

	min-height: 100vh;

}

.container .columnBanner img{

	width: 100%;

	display: block;

}

.container .columnMenu{

	height: 75px;

	background: #f9fafc;

}

.container .columnMenu.white{

	background: #fff;

	border-bottom: solid 1px #e4e4e4;

}

.container .columnMenu .crumbs{

	float: left;

}

.container .columnMenu .crumbs li{

	float: left;

	line-height: 75px;

	padding-left: 17px;

	background: url(../images/crumbs.png) no-repeat 5px center;

}

.container .columnMenu .crumbs li:nth-child(1){

	padding-left: 27px;

	background-image: url(../images/crumbs1.png);

}

.container .columnMenu .crumbs li a{

	font-size: 12px;

	color: #666666;

}

.container .columnMenu .crumbs li a:hover{

	color: #00396c;

}

.container .columnMenu .menu{

	float: right;

}

.container .columnMenu .menu li{

	float: left;

	margin-left: 66px;

	line-height: 75px;

}

.container .columnMenu .menu li a{

	font-size: 16px;

	color: #666666;

}

.container .columnMenu .menu li.on a,

.container .columnMenu .menu li a:hover{

	color: #00396c;

}

.container .pagingBox{

	text-align: center;

}

.container .pagingBox ul{

	display: inline-block;

}

.container .pagingBox li{

	float: left;

	margin: 0 3px;

}

.container .pagingBox li a{

	display: block;

	padding: 0 9px;

	height: 24px;

	line-height: 24px;

	text-align: center;

	font-size: 12px;

	color: #757575;

	border: solid 1px #cccccc;

}

.container .pagingBox li.on a,

.container .pagingBox li a:hover{

	border: solid 1px #00396c;

	background: #00396c;

	color: #fff;

}

.newsPage{

	padding-bottom: 50px;

}

.newsPage .newsList{

	margin-bottom: 48px;

}

.newsPage .newsList li{

	background: url(../images/newsList_line.gif) repeat-x 0 bottom;

	padding: 50px 0 36px 0;

}

.newsPage .newsList li:after{content:"";height:0;display:block;clear:both}

.newsPage .newsList li .pic{

	width: 330px;

	height: 215px;

	float: left;

	overflow: hidden;

}

.newsPage .newsList li .pic img{

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.newsPage .newsList li .pic a:hover img{

	transform: scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);

	-o-transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

}

.newsPage .newsList li .conten{

	padding-left: 360px;

	box-sizing: border-box;

}

.newsPage .newsList li .tit{

	height: 42px;

	line-height: 42px;

	font-size: 24px;

	color: #003665;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.newsPage .newsList li .tit a{

	font-size: 24px;

	color: #003665;

}

.newsPage .newsList li .tit a:hover{

	color: #0067a5;

}

.newsPage .newsList li .txt{

	line-height: 24px;

	font-size: 12px;

	color: #808080;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient:vertical;

	word-break:break-all;

	margin-top: 16px;

}

.newsPage .newsList li .btn{

	width: 140px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	background: #00396c;

	font-size: 12px;

	color: #fff;

	display: block;

	margin-top: 48px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.newsPage .newsList li .btn:hover{

	background: #0067a5;

}

.newsPage .newsDetails{

	padding: 34px 25px;

}

.newsPage .newsDetails .title{

	text-align: center;

	background: url(../images/newsList_line.gif) repeat-x 0 bottom;

	padding: 20px 0;

	margin-top: 0;

}

.newsPage .newsDetails .title .tit{

	font-size: 20px;

	color: #333333;

	line-height: 24px;

}

.newsPage .newsDetails .title .date{

	font-size: 14px;

	color: #a5a5a5;

	line-height: 18px;

	margin-top: 20px;

}

.newsPage .newsDetails .article{

	padding: 30px 0;

	background: url(../images/newsList_line.gif) repeat-x 0 bottom;

}

.newsPage .newsDetails .turnPage{

	padding: 16px 0;

	background: url(../images/newsList_line.gif) repeat-x 0 bottom;

}

.newsPage .newsDetails .turnPage .next,

.newsPage .newsDetails .turnPage .prev{

	height: 26px;

	line-height: 26px;

	font-size: 14px;

	color: #4f4f4f;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.newsPage .newsDetails .turnPage .next a,

.newsPage .newsDetails .turnPage .prev a{

	color: #a4a4a4;

}

.newsPage .newsDetails .turnPage .next a:hover,

.newsPage .newsDetails .turnPage .prev a:hover{

	color: #00396c;

}

.newsPage .title{

	line-height: 40px;

	font-size: 36px;

	color: #333333;

	text-align: center;

	margin-top: 50px;

}

.newsPage .videoList{

	margin-top: 40px;

}

.newsPage .videoList:after{content:"";height:0;display:block;clear:both}

.newsPage .videoList li{

	width: 372px;

	/* height: 225px; */

	float: left;

	padding-left: 42px;

	margin-top: 49px;

}

.newsPage .videoList li:nth-child(3n-1){

	padding-left: 0;

}

.newsPage .videoList li .pic{

	width: 372px;

	height: 147px;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.newsPage .videoList li .pic img{

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.newsPage .videoList li .pic:hover img{

	transform: scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);

	-o-transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

}

.newsPage .videoList li .pic .icon{

	width: 53px;

	height: 53px;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 5;

	transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	background: url(../images/videoList_icon.png) no-repeat 0 0;

	background-size: 100%;

}

.newsPage .videoList li:nth-child(1){

	width: 100%;

	height: auto;

	padding: 0;

	margin-top: 0px;

}

.newsPage .videoList li:nth-child(1) .pic{

	width: 100%;

	height: 562px;

}

.newsPage .videoList li:nth-child(1) .icon{

	width: 98px;

	height: 98px;

}

/*.newsPage .videoList li video{

	display: none;

}*/

.newsPage .videoList .video{

	width: 900px;

	height: 600px;

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-webkit-transform:translate(-50%,-50%);

	-moz-transform:translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%);

	-o-transform:translate(-50%,-50%);

	z-index: 105;

	display: none;

}

.newsPage .videoList video{

	width: 900px;

	height: 600px;

}

.newsPage .videoList .video .close{

	width: 50px;

	height: 50px;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 999;

	background: url(../images/close.png) no-repeat center;

	background-size: 30px 30px;

	cursor: pointer;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.newsPage .videoList .video .close:hover{

	transform: rotate(90deg);

	-webkit-transform:rotate(90deg);

	-ms-transform:rotate(90deg);

	-o-transform:rotate(90deg);

	-moz-transform:rotate(90deg);

}

/*媒体中心end*/

.casePage{

	padding: 50px 0 40px 0;

}

.casePage .caseList:after{content:"";height:0;display:block;clear:both}

.casePage .caseList li{

	width: 373px;

	float: left;

	padding-left: 40px;

	margin-bottom: 40px;

}

.casePage .caseList li:nth-child(3n+1){

	padding-left: 0;

}

.casePage .caseList li .pic{

	width: 100%;

	height: 256px;

	border: solid 15px #f2f1f1;

	box-sizing: border-box;

	overflow: hidden;

	position: relative;

	text-align: center;

}

.casePage .caseList li .pic img{

	width: 100%;

	display: block;

	transition-duration: .8s;

	-webkit-transition-duration: .8s;

	-moz-transition-duration: .8s;

	-ms-transition-duration: .8s;

	-o-transition-duration: .8s;

}

.casePage .caseList li .filter{

	width: 100%;

	height: 47px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 5;

	background: url(../images/caseList_filter.png);

}

.casePage .caseList li .txt{

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 10;

	width: 100%;

	height: 47px;

	line-height: 47px;

	font-size: 16px;

	color: #fff;

}

.casePage .caseList li .icon{

	width: 30px;

	height: 30px;

	background: url(../images/caseList_icon.png) no-repeat 0 0;

	background-size: 100%;

	position: absolute;

	top: -30px;

	left: 50%;

	z-index: 10;

	transform: translate(-50%,0%);

	-webkit-transform: translate(-50%,0%);

	-moz-transform: translate(-50%,0%);

	-ms-transform: translate(-50%,0%);

	-o-transform: translate(-50%,0%);

}

.casePage .caseList li .icon,

.casePage .caseList li .txt,

.casePage .caseList li .filter{

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.casePage .caseList li .pic:hover img{

	transform: scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);

	-o-transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

}

/*.casePage .caseList li .pic:hover .filter{

	height: 100%;

}

.casePage .caseList li .pic:hover .txt{

	line-height: 25px;

	bottom: 50%;

	transform: translate(0%,50px);

	-webkit-transform: translate(0%,50px);

	-moz-transform: translate(0%,50px);

	-ms-transform: translate(0%,50px);

	-o-transform: translate(0%,50px);

}

.casePage .caseList li .pic:hover .icon{

	top: 50%;

	transform: translate(-50%,-40px);

	-webkit-transform: translate(-50%,-40px);

	-moz-transform: translate(-50%,-40px);

	-ms-transform: translate(-50%,-40px);

	-o-transform: translate(-50%,-40px);

}*/

/*案例列表end*/

.solutionPage .concept{

	background: #eeeff1;

	padding: 15px 0;

}

.solutionPage .concept:after{content:"";height:0;display:block;clear:both}

.solutionPage .concept .wrap{

	position: relative;

}

.solutionPage .concept .pic{

	width: 622px;

	float: right;

	overflow: hidden;

}

.solutionPage .concept .pic img{

	max-width: 100%;

	display: block;

}

.solutionPage .concept .text{

	width: 480px;

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 2;

	transform: translate(0%,-50%);

	-webkit-transform: translate(0%,-50%);

	-moz-transform: translate(0%,-50%);

	-ms-transform: translate(0%,-50%);

	-o-transform: translate(0%,-50%);

}

.solutionPage .worth .title .tit,

.solutionPage .concept .title .tit{

	line-height: 40px;

	font-size: 36px;

	color: #00396c;

}

.solutionPage .worth .title .line,

.solutionPage .concept .title .line{

	width: 37px;

	height: 4px;

	background: #00396c;

	margin-top: 18px;

}

.solutionPage .concept .text .txt{

	line-height: 25px;

	font-size: 16px;

	color: #666666;

	margin-top: 28px;

}

.solutionPage .core{

	padding: 68px 0 100px 0;

}

.solutionPage .scene .title,

.solutionPage .core .title{

	text-align: center;

	line-height: 40px;

	font-size: 36px;

	color: #00396c;

}

.solutionPage .core .row{

	margin-top: 12px;

	position: relative;

}

.solutionPage .core .row:after{content:"";height:0;display:block;clear:both}

.solutionPage .core .pic{

	width: 590px;

	float: right;

	overflow: hidden;

}

.solutionPage .core .pic img{

	max-width: 100%;

}

.solutionPage .core .row:nth-child(odd) .pic{

	float: left;

}

.solutionPage .core .text{

	width: 550px;

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 2;

	transform: translate(0%,-50%);

	-webkit-transform: translate(0%,-50%);

	-moz-transform: translate(0%,-50%);

	-ms-transform: translate(0%,-50%);

	-o-transform: translate(0%,-50%);

}

.solutionPage .core .row:nth-child(odd) .text{

	left: auto;

	right: 0;

}

.solutionPage .core .tit{

	line-height: 28px;

	font-size: 24px;

	font-weight: bold;

	color: #333333;

}

.solutionPage .core .txt{

	line-height: 28px;

	font-size:16px;

	color: #666666;

	margin-top: 36px;

}

.solutionPage .scene{

	background: #eeeff1;

	padding: 68px 0 38px 0;

}

.solutionPage .scene .list{

	width: 1224px;

	margin: 46px auto 0 auto;

}

.solutionPage .scene .list:after{content:"";height:0;display:block;clear:both}

.solutionPage .scene li{

	float: left;

	padding: 0 10px;

	margin-bottom: 20px;

}

.solutionPage .scene li .box{

	width: 286px;

	border: solid 1px #e0e0e0;

	padding: 28px 22px 32px 22px;

	box-sizing: border-box;

	background: #fff;

}

.solutionPage .scene li .icon{

	width: 50px;

	height: 50px;

	margin: 0 auto;

}

.solutionPage .scene li .icon img{

	width: 100%;

}

.solutionPage .scene li .tit{

	line-height: 22px;

	font-size: 18px;

	color: #00396c;

	text-align: center;

	font-weight: bold;

	margin-top: 30px;

}

.solutionPage .scene li .txt{

	min-height: 72px;

	line-height: 24px;

	font-size: 14px;

	color: #666666;

	margin-top: 10px;

}

.solutionPage .worth{

	padding: 64px 0 78px 0;

}

.solutionPage .worth .wrap{

	position: relative;

}

.solutionPage .worth .pic{

	width: 515px;

	float: right;

	margin-right: 84px;

}

.solutionPage .worth .pic img{

	max-width: 100%;

}

.solutionPage .worth .text{

	float: left;

	width: 480px;

	margin-left: 110px;

	margin-top: 10px;

}

.solutionPage .worth ul{

	margin-top: 36px;

}

.solutionPage .worth .text li{

	line-height: 20px;

	font-size: 16px;

	color: #666666;

	background: url(../images/solutionPage_worth_list.gif) no-repeat 0 6px;

	padding-left: 19px;

	box-sizing: border-box;

	margin-bottom: 22px;

}

/*解决方案end*/

.servicePage .operator{

	margin: 54px 0;

}

.servicePage .operator .title{

	text-align: center;

}

.servicePage .operator .title .tit{

	line-height: 40px;

	font-size: 36px;

	color: #00396c;

}

.servicePage .operator .title .line{

	width: 33px;

	height: 4px;

	background: #00396c;

	margin: 18px auto;

}

.servicePage .operator .text{

	width: 686px;

	margin: 30px auto 0 auto;

	line-height: 25px;

	font-size:16px;

	color: #666666;

	text-align: center;

}

.servicePage .operator .list{

	text-align: center;

	margin-top: 46px;

}

.servicePage .operator .list ul{

	display: inline-block;

}

.servicePage .operator .list li{

	width: 222px;

	float: left;

	text-align: center;

	padding-right: 14px;

	background: url(../images/operator.gif) no-repeat right 0 top 62px;

}

.servicePage .operator .list li:last-child{

	padding-right: 0;

	background: none;

}

.servicePage .operator .list li .icon{

	height: 46px;

}

.servicePage .operator .list li .icon img{

	height: 100%;

}

.servicePage .operator .list li .tit{

	line-height: 22px;

	font-size:20px;

	color: #00396c;

	font-weight: bold;

	margin-top: 20px;

}

.servicePage .operator .list li .txt{

	margin-top: 30px;

}

.servicePage .operator .list li .txt p{

	width: auto;

	height: 20px;

	line-height: 20px;

	font-size:16px;

	color: #625c5c;

	margin-bottom: 6px;

	padding-left: 24px;

	box-sizing: border-box;

	background: url(../images/operator_list.gif) no-repeat 0 3px;

	display: inline-block;

}

.servicePage .worth{

	background: #f1f1f1;

	padding: 70px 0;

}

.servicePage .publicTitle{

	line-height: 40px;

	font-size: 36px;

	color: #00396c;

	text-align: center;

}

.servicePage .worth .content:after{content:"";height:0;display:block;clear:both}

.servicePage .worth .content{

	background: #fff;

	padding: 0 0 25px 0;

	position: relative;

	margin-top: 52px;

}

.servicePage .worth .list{

	width: 360px;

	text-align: center;

}

.servicePage .worth .list.left{

	margin-left: 138px;

	float: left;

	margin-top: 64px;

}

.servicePage .worth .list.right{

	position: absolute;

	right: 0;

	top: 64px;

	z-index: 2;

	margin-right: 138px;

}

.servicePage .worth .list .tit{

	line-height: 30px;

	font-weight: bold;

	color: #00396c;

	font-size: 24px;

}

.servicePage .worth .list ul{

	margin-top: 39px;

}

.servicePage .worth .list li{

	height: 41px;

	line-height: 41px;

	border-radius: 4px;

	background: #00396c;

	margin-bottom: 49px;

	font-size: 16px;

	color: #fff;

}

.servicePage .worth .list.right li{

	background: #666666;

}

.servicePage .worth .pk{

	width: 120px;

	margin: 0 auto;

	text-align: center;

	padding-top: 48px;

}

.servicePage .worth .pk .tit{

	line-height: 50px;

	font-size: 48px;

	font-weight: bold;

	color: #00396c;

}

.servicePage .worth .pk ul{

	margin-top: 32px;

}

.servicePage .worth .pk li{

	text-align: center;

	margin-bottom: 28px;

}

.servicePage .worth .pk li .icon{

	height: 35px;

}

.servicePage .worth .pk li .icon img{

	height: 100%;

}

.servicePage .worth .pk li .txt{

	line-height: 20px;

	font-size: 16px;

	color: #333333;

	margin-top: 8px;

}

.servicePage .service{

	padding: 68px 0 35px 0;

}

.servicePage .service .pic{

	width: 50%;

	text-align: right;

	margin-top: 43px;

	float: left;

}

.servicePage .service .pic img{

	max-width: 100%;

}

.servicePage .service .right{

	width: 446px;

	float: right;

	margin-top: 58px;

}

.servicePage .service .right .txt{

	font-size: 30px;

	line-height: 48px;

	font-weight: bold;

	color: #00396c;

}

.servicePage .service .right .text{

	margin-top: 36px;

}

.servicePage .service .right p{

	line-height: 24px;

	font-size: 20px;

	font-weight: bold;

	color: #353739;

	margin-bottom: 48px;

}

.servicePage .system{

	background: #f1f1f1;

	padding: 68px 0 78px 0;

}

.servicePage .system .content{

	width: 50%;

	margin-top: 112px;

	float: left;

}

.servicePage .system .content .tit{

	line-height: 36px;

	font-size: 30px;

	font-weight: bold;

	color: #00396c;

}

.servicePage .system .content ul{

	margin-top: 38px;

}

.servicePage .system .content li{

	margin-bottom: 34px;

}

.servicePage .system .content li .txt1{

	line-height: 28px;

	font-size: 24px;

	color: #00396c;

	font-weight: bold;

}

.servicePage .system .content li .txt2{

	line-height: 22px;

	font-size:18px;

	color: #666666;

	margin-top: 5px;

}

.servicePage .system .pic{

	width: 50%;

	float: right;

	text-align: left;

	margin-top: 66px;

}

.servicePage .system .pic img{

	max-width: 100%;

}

.servicePage .customer{

	padding: 68px 0 72px 0;

}

.servicePage .customer li{

	width: 33.3333%;

	float: left;

	text-align: center;

}

.servicePage .customer li .icon{

	height: 60px;

	margin-top: 60px;

}

.servicePage .customer li .icon img{

	height: 100%;

}

.servicePage .customer li .tit{

	line-height: 28px;

	font-size: 24px;

	font-weight: bold;

	color: #00396c;

	margin-top: 18px;

}

.servicePage .customer li .txt{

	line-height: 30px;

	font-size: 16px;

	color: #666666;

	margin-top: 26px;

}

/*服务运营end*/

.aboutPage .title{

	width: 100%;

	line-height: 40px;

	font-size: 36px;

	color: #00396c;

	text-align: center;

}

.aboutPage .introduce{

	clear: both;

	padding: 50px 0;

}

.aboutPage .introduce .picBox{

	float: left;

	margin-top: 40px;

	position: relative;

}

.aboutPage .introduce .line{

	width: 331px;

	height: 449px;

	margin: 20px 0 0 32px;

	border: solid 1px #e1e4e4;

}

.aboutPage .introduce .picBox .pic{

	width: 337px;

	height: 453px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

	overflow: hidden;

}

.aboutPage .introduce .pic img{

	max-width: 100%;

}

.aboutPage .introduce .text{

	width: 816px;

	float: right;

	margin-top: 62px;

	line-height: 25px;

	font-size: 14px;

	color: #666666;

	text-align: justify;

}

.aboutPage .introduce .text img{

	max-width: 100%;

}

.aboutPage .introduce .text .tit{

	font-size: 18px;

	font-weight: bold;

	color: #00396c;

}

.aboutPage .platform{

	background: url(../images/aboutPage_platform_bg.jpg) no-repeat center bottom;

	background-size: 100%;

	border-top: solid 1px #e1e4e4;

	min-height: 664px;

	box-sizing: border-box;

	padding: 48px 0;

}

.aboutPage .platform .list{

	margin-top: 130px;

}

.aboutPage .platform li{

	width: 33.333%;

	float: left;

}

.aboutPage .platform li .box{

	width: 286px;

	text-align: center;

	background: #fff;

	margin: 0 auto;

	padding: 100px 10px 44px 10px;

	box-sizing: border-box;

	position: relative;

	box-shadow: 5px 3px 10px 1px #e4e4e4;

}

.aboutPage .platform li .icon{

	width: 152px;

	height: 174px;

	line-height: 174px;

	background: url(../images/aboutPage_platform_icon.png) no-repeat 0 0;

	background-size: 100%;

	position: absolute;

	left: 50%;

	top: 0;

	z-index: 2;

	transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	font-size: 24px;

	color: #fff;

}

.aboutPage .platform li .tit{

	line-height: 28px;

	font-size: 24px;

	font-weight: bold;

	color: #00396c;

}

.aboutPage .platform li .text{

	line-height: 32px;

	font-size: 16px;

	color: #333333;

	margin-top: 20px;

}

.aboutPage .centerBox{

	padding: 48px 0 50px 0;

}

.aboutPage .centerBox .title{

	margin-bottom: 40px;

}

.aboutPage .centerBox .pic{

	width: 600px;

	float: left;

}

.aboutPage .centerBox .pic img{

	width: 100%;

}

.aboutPage .centerBox .list{

	width: 562px;

	float: right;

}

.aboutPage .centerBox .list:after{content:"";height:0;display:block;clear:both}

.aboutPage .centerBox .list li{

	width: 50%;

	float: left;

	box-sizing: border-box;

	border-right: solid 1px #e5e5e5;

	border-top: solid 1px #e5e5e5;

	text-align: center;

	padding: 32px 0;

}

.aboutPage .centerBox .list li:nth-child(2),

.aboutPage .centerBox .list li:nth-child(1){

	border-top: none;

}

.aboutPage .centerBox .list li:nth-child(even){

	border-right: none;

}

.aboutPage .centerBox .list li .icon{

	height: 41px;

}

.aboutPage .centerBox .list li .icon img{

	height: 100%;

}

.aboutPage .centerBox .list li .tit{

	line-height: 22px;

	font-size: 20px;

	font-weight: bold;

	color: #00396c;

	margin-top: 18px;

}

.aboutPage .centerBox .list li .txt{

	line-height: 20px;

	font-size: 16px;

	color: #353637;

	margin-top: 6px;

}

.aboutPage .culture{

	padding: 48px 0 50px 0;

	border-top: solid 1px #e1e4e4;

}

.aboutPage .culture .content{

	height: 483px;

	margin-top: 40px;

	background: url(../images/aboutPage_culture_bg.jpg) no-repeat center 0;

	background-size: 100% auto;

}

.aboutPage .culture .content:after{content:"";height:0;display:block;clear:both}

.aboutPage .culture li{

	width: 25%;

	float: left;

	text-align: center;

	padding: 0 20px;

	box-sizing: border-box;

}

.aboutPage .culture li .icon{

	margin-top: 132px;

	height: 98px;

}

.aboutPage .culture li .icon img{

	height: 100%;

}

.aboutPage .culture li .tit{

	line-height: 22px;

	font-size: 20px;

	color: #fff;

	font-weight: bold;

	margin-top: 32px;

}

.aboutPage .culture li .line{

	width: 23px;

	height: 1px;

	background: #fff;

	margin: 11px auto 0 auto;

}

.aboutPage .culture li .txt{

	line-height: 20px;

	font-size: 16px;

	color: #fff;

	margin-top: 15px;

}

/*创捷概况end*/

.honorPage{

	padding: 50px 0;

}

.honorPage .honorList{

	margin-bottom: 10px;

}

.honorPage .honorList:after{content:"";height:0;display:block;clear:both}

.honorPage .honorList li{

	width: 270px;

	float: left;

	padding-left: 40px;

	margin-bottom: 40px;

}

.honorPage .honorList li:nth-child(4n+1){

	padding-left: 0;

}

.honorPage .honorList li .box{

	background: #f2f1f1;

	padding: 36px 23px 26px 23px;

	box-sizing: border-box;

	text-align: center;

}

.honorPage .honorList li .pic{

	width: 100%;

	height: 157px;

	text-align: center;

	overflow: hidden;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.honorPage .honorList li .pic img{

	width: 100%;

	display: block;

}

.honorPage .honorList li .box:hover .pic{

	transform: scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);

	-o-transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

}

.honorPage .honorList li .text{

	line-height: 20px;

	font-size: 14px;

	color: #333333;

	margin-top: 28px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.honorPage .honorList li .box:hover .text{

	color: #0067a5;

}

/*资质荣誉end*/

.talentPage .publicTitle{

	line-height: 40px;

	font-size: 36px;

	text-align: center;

	color: #00396c;

}

.talentPage .recruiting{

	padding: 50px 0;

}

.talentPage .recruiting .publicTitle{

	margin-bottom: 40px;

}

.talentPage .recruiting .pic{

	width: 524px;

	height: 278px;

	float: left;

	overflow: hidden;

	position: relative;

}

.talentPage .recruiting .pic img{

	width: 100%;

	display: block;

}

.talentPage .recruiting .pic .title{

	background: url(../images/recruiting_title.png) no-repeat 0 center;

	min-height: 42px;

	position: absolute;

	left: 24px;

	top: 29px;

	z-index: 2;

	padding-left: 65px;

}

.talentPage .recruiting .pic .tit{

	line-height: 22px;

	font-size: 20px;

	color: #0067a5;

}

.talentPage .recruiting .pic .entit{

	line-height: 20px;

	font-size:16px;

	color: #0067a5;

}

.talentPage .recruiting .link{

	width: 270px;

	float: left;

	margin-left: 10px;

}

.talentPage .recruiting .link .box{

	height: 134px;

}

.talentPage .recruiting .link .box a{

	width: 100%;

	height: 100%;

	text-align: center;

	padding-top: 34px;

	box-sizing: border-box;

	display: block;

	background: url(../images/recruiting_link_bg1.jpg) no-repeat center;

	background-size: 100%;

}

.talentPage .recruiting .link .box:nth-child(2){

	margin-top: 10px;

}

.talentPage .recruiting .link .box:nth-child(2) a{

	background-image: url(../images/recruiting_link_bg2.jpg);

}

.talentPage .recruiting .link .icon{

	height: 47px;

}

.talentPage .recruiting .link .icon img{

	height: 100%;

}

.talentPage .recruiting .link .txt{

	line-height: 20px;

	font-size: 16px;

	color: #fff;

	margin-top: 10px;

}

.talentPage .recruiting .way{

	width: 386px;

	height: 278px;

	float: right;

	background: #0067a5;

	text-align: center;

}

.talentPage .recruiting .way .title{

	line-height: 22px;

	font-size: 20px;

	color: #fff;

	margin-top: 36px;

}

.talentPage .recruiting .way .title span{

	font-size: 14px;

	margin-left: 8px;

}

.talentPage .recruiting .way .icon{

	display: inline-block;

}

.talentPage .recruiting .way .icon a{

	width: 59px;

	height: 59px;

	border: solid 1px #fff;

	float: left;

	margin: 26px 25px 0 25px;

	padding-top: 15px;

	box-sizing: border-box;

	text-align: center;

	border-radius: 50%;

}

.talentPage .recruiting .way .text{

	margin: 23px 0 0 0;

	padding-top: 28px;

	background: url(../images/talentPage_recruiting_way_line.gif) repeat-x 0 0;

	font-size: 14px;

	color: #fff;

	line-height: 18px;

}

.talentPage .recruiting .way .text p{

	margin-bottom: 10px;

}

.talentPage a.a_recruitment{

	position: absolute;

	top: -100px;

}

.talentPage .recruitment{

	background: #f7f7f7;

	padding: 50px 0;

	position: relative;

}

.talentPage .recruitment li{

	margin-bottom: 30px;

}

.talentPage .recruitment li .top{

	background: url(../images/recruitment_top1.png) no-repeat right 24px center #fff;

	padding: 13px 70px 13px 24px;

	box-sizing: border-box;

	cursor: pointer;

}

.talentPage .recruitment li .top:after{content:"";height:0;display:block;clear:both}

.talentPage .recruitment li.on .top{

	background-image: url(../images/recruitment_top2.png);

	background-color:#015fb2;

}

.talentPage .recruitment li .top .txt{

	width: 25%;

	line-height: 24px;

	float: left;

	font-size: 14px;

	color: #666666;

	box-sizing: border-box;

	text-align: center;

}

.talentPage .recruitment li.on .top .txt{

	color: #fff;

}

.talentPage .recruitment li .top .txt:nth-child(1){

	width: 27%;

	text-align: left;

}

.talentPage .recruitment li .top .txt:nth-child(2){

	width: 20%;

}

.talentPage .recruitment li .top .txt:nth-child(3){

	width: 30%;

}

.talentPage .recruitment li .top .txt:nth-child(4){

	width: 23%;

}

.talentPage .recruitment li .text{

	display: none;

}

.talentPage .recruitment li .text .txt{

	line-height: 27px;

	font-size: 14px;

	color: #666666;

	padding: 24px 0 0px 0;

}

.talentPage .recruitment li .text .tit{

	line-height: 20px;

	font-size: 14px;

	color: #008ade;

}

.talentPage .development{

	padding: 48px 0;

	border-bottom: solid 1px #e1e4e4;

}

.talentPage .development .pic{

	width: 600px;

	float: left;

	overflow: hidden;

	margin-top: 40px;

	text-align: center;

}

.talentPage .development .pic img{

	max-width: 100%;

}

.talentPage .activity{

	padding-top: 48px;

}

.talentPage .activity .pic{

	margin-top: 38px;

}

.talentPage .activity .pic img{

	width: 100%;

	display: block;

}

/*人才战略end*/

.contactPage{

	padding: 20px 0;

}

.wrapper .contactPage .addressBox{

	width: 456px;

	float: left;

	margin-top: 26px;

}

.wrapper .contactPage .addressBox h2{

	font-weight:normal;

	font-size:24px;

	font-weight: bold;

	color:#00396c;

	letter-spacing:1.5px;

	line-height: 62px;

	border-bottom: solid 1px #e4e4e4;

}

.wrapper .contactPage .addressBox li{

	border-bottom: solid 1px #e4e4e4;

	padding: 20px 0;

}

.wrapper .contactPage .addressBox li .tit{

	line-height: 20px;

	font-size: 16px;

	font-weight: bold;

	color: #666666;

}

.wrapper .contactPage .addressBox li .txt{

	line-height: 20px;

	font-size:16px;

	color:#666666;

	margin-top: 10px;

}

.wrapper .contactPage .addressBox li .txt a{

	font-size:16px;

	color:#333333;

}

.wrapper .contactPage .mapBox{

	width: 694px;

	float: right;

	margin: 50px 0 52px 0;

}

.wrapper .contactPage .mapBox .map{

	width: 100%;

	height: 492px;

}

.wrapper .contactPage .mapBox .map #allmap{

	width: 100%;

	height: 492px;

}

.BMap_pop{

	/*top: 170px !important;*/

}

/*联系我们end*/



/*动画预设*/

/*@media only screen and (min-width: 1200px){

	.contactPage .addressBox,

	.contactPage .mapBox,

	.talentPage .recruiting .wrap,

	.talentPage .recruitment .wrap,

	.talentPage .development .wrap,

	.talentPage .activity,

	.honorPage .honorList li,

	.aboutPage .introduce .wrap,

	.aboutPage .platform .title,

	.aboutPage .platform .list li,

	.aboutPage .centerBox .wrap,

	.aboutPage .culture .wrap,

	.aboutPage .culture .content li,

	.servicePage .operator .title,

	.servicePage .operator .text,

	.servicePage .operator .list li,

	.servicePage .worth .wrap,

	.servicePage .service .wrap,

	.servicePage .system .wrap,

	.servicePage .customer .publicTitle,

	.servicePage .customer li,

	.solutionPage .concept .wrap,

	.solutionPage .core .title,

	.solutionPage .core .row,

	.solutionPage .scene .title,

	.solutionPage .scene li,

	.solutionPage .worth .wrap,

	.casePage .caseList li,

	.newsPage .videoList li,

	.newsPage .newsList li{

		position: relative;

		top: 150px;

		opacity: 0;

		transition: 0.8s;

		-webkit-transition: 0.8s;

		-moz-transition: 0.8s;

		-ms-transition: 0.8s;

		-o-transition: 0.8s;

	}

}*/



.case-details .introduction{

	margin: 50px 0 60px 0;

}

.case-details .introduction .cont,

.case-details .introduction .pic{

	width: 50%;

	float: right;

	box-sizing: border-box;

}

.case-details .introduction img{

	width: 100%;

	display: block;

}

.case-details .introduction .cont{

	padding: 70px 0 0 60px;

}

.case-details .introduction .title{

	font-size: 34px;

	color: #00396c;

}

.case-details .introduction .line{

	width: 38px;

	height: 4px;

	background: #00396c;

	margin: 16px 0 36px 0;

}

.case-details .introduction .text{

	line-height: 26px;

	font-size: 14px;

}

.case-details .details{

	background: #f8f8f8;

	padding: 66px 0;

	line-height: 26px;

}

.case-details .details .row{

	margin-bottom: 40px;

}

.case-details .details .row:last-child{

	margin-bottom: 0;

}

.case-details .details .tit{

	font-size: 18px;

	font-weight: bold;

	color: #00396c;

}

.case-details .details .txt{

	font-size: 14px;

	color: #666;

	margin-top: 12px;

}

.case-details .related{

	padding: 42px 0 66px 0;

}

.case-details .related .title{

	height: 52px;

	border-bottom: solid 1px #eee;

}

.case-details .related .title:after{content:"";height:0;display:block;clear:both;}

.case-details .related .title .tit{

	float: left;

	line-height: 52px;

	font-size: 26px;

	color: #00396c;

	border-bottom: solid 2px #00396c;

}

.case-details .related .btn{

	float: right;

}

.case-details .related .swiper-button-prev,

.case-details .related .swiper-button-next{

	width: 28px;

	height: 28px;

	border-radius: 50%;

	background: no-repeat center #b2b2b2;

	float: left;

	margin: 12px 0 0 12px;

	position: static;

	outline: none;

}

.case-details .related .swiper-button-prev:hover,

.case-details .related .swiper-button-next:hover{

	background-color: #0067a5;

}

.case-details .related .swiper-button-prev{

	background-image: url(../images/arrow1.png);

}

.case-details .related .swiper-button-next{

	background-image: url(../images/arrow2.png);

}

.case-details .related .content{

	margin-top: 30px;

}

.case-details .related .swiper-slide a{

	display: block;

}

.case-details .related .swiper-slide .pic{

	border: solid 12px #f2f1f1;

	box-sizing: border-box;

	overflow: hidden;

	position: relative;

	text-align: center;

	padding-top:60%;

}

.case-details .related .swiper-slide .pic img{

	width: 100%;

	display: block;

	transition-duration: .8s;

	-webkit-transition-duration: .8s;

	-moz-transition-duration: .8s;

	-ms-transition-duration: .8s;

	-o-transition-duration: .8s;

	height:100%;

	position:absolute; left:0; top:0;

}

.case-details .related .swiper-slide .filter{

	width: 100%;

	height: 40px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 5;

	background: url(../images/caseList_filter.png);

}

.case-details .related .swiper-slide .txt{

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 10;

	width: 100%;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color: #fff;

}

.case-details .related .swiper-slide .icon{

	width: 30px;

	height: 30px;

	background: url(../images/caseList_icon.png) no-repeat 0 0;

	background-size: 100%;

	position: absolute;

	top: -30px;

	left: 50%;

	z-index: 10;

	transform: translate(-50%,0%);

	-webkit-transform: translate(-50%,0%);

	-moz-transform: translate(-50%,0%);

	-ms-transform: translate(-50%,0%);

	-o-transform: translate(-50%,0%);

}

.case-details .related .swiper-slide .icon,

.case-details .related .swiper-slide .txt,

.case-details .related .swiper-slide .filter{

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.case-details .related .swiper-slide a:hover img{

	transform: scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);

	-o-transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

}

/*.case-details .related .swiper-slide .pic:hover .filter{

	height: 100%;

}

.case-details .related .swiper-slide .pic:hover .txt{

	line-height: 25px;

	bottom: 50%;

	transform: translate(0%,50px);

	-webkit-transform: translate(0%,50px);

	-moz-transform: translate(0%,50px);

	-ms-transform: translate(0%,50px);

	-o-transform: translate(0%,50px);

}

.case-details .related .swiper-slide .pic:hover .icon{

	top: 50%;

	transform: translate(-50%,-40px);

	-webkit-transform: translate(-50%,-40px);

	-moz-transform: translate(-50%,-40px);

	-ms-transform: translate(-50%,-40px);

	-o-transform: translate(-50%,-40px);

}*/

.fixed-sidebar {

	width: 70px;

	position: fixed;

	right: 16px;

	top: 50%;

	transform: translate(0, -51%);

	-webkit-transform: translate(0, -51%);

	-moz-transform: translate(0, -51%);

	-ms-transform: translate(0, -51%);

	-o-transform: translate(0, -51%);

	z-index: 99;

	text-align: center;

	transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

}

.fixed-sidebar li {

	position: relative;

	border-top: solid 1px #3974a8;

}

.fixed-sidebar li:first-child{

	border-top: none;

}

.fixed-sidebar li:first-child a{

	border-radius: 4px 4px 0 0;

}

.fixed-sidebar li:last-child a{

	border-radius: 0 0 4px 4px;

}

.fixed-sidebar li:hover a {

	background: #0d528f;

}

.fixed-sidebar li a {

	height: 86px;

	display: block;

	padding-top: 18px;

	background: #20588a;

	transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	box-sizing: border-box;

}

.fixed-sidebar li a i {

	height: 24px;

	line-height: 24px;

	display: block;

}

.fixed-sidebar li a i img {

	max-height: 100%;

	vertical-align: middle;

}

.fixed-sidebar li a p {

	line-height: 20px;

	font-size: 12px;

	color: #fff;

	margin-top: 5px;

}

.fixed-sidebar li .hide {

	height: 86px;

	line-height: 86px;

	position: absolute;

	top: 0;

	right: 70px;

	z-index: 5;

	background: #20588a;

	white-space: nowrap;

	display: none;

}

.fixed-sidebar li .phone {

	padding: 0 20px;

	font-size: 20px;

	color: #fff;

}

.fixed-sidebar li .qrcode {

	width: 148px;

	height: auto;

	top: -32px;

	right: 76px;

	background: none;

	padding-right: 10px;

}

.fixed-sidebar li .qrcode .box{

	padding: 12px;

	background: #20588a;

	position: relative;

}

.fixed-sidebar li .qrcode .box::after {

	left: 100%;

	top: 74px;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(136, 183, 213, 0);

	border-left-color: #20588a;

	border-width: 9px;

}

.fixed-sidebar li .qrcode img {

	width: 100%;

	display: block;

}

.fixed-sidebar li .qrcode p{

	margin-top: 6px;

	line-height: 20px;

	color: #fff;

	font-size: 12px;

}







/*导航产品下拉*/

.header .nav>ul>li.m4{ position:static;}

.header .nav li.m4 .sub{ width:100%; border-top:1px solid #dddddd;padding-top:50px; padding-bottom:60px; }

.header .nav li.m4 .sub li{ border-bottom:0; float:left; width:49.5%; overflow:hidden;}

.header .nav li.m4 .sub li:first-child{ border-right:1px solid #dddddd; height:315px;}

.header .nav li.m4 .sub li dl{ text-align:left;}

.header .nav li.m4 .sub li:first-child dl{ margin-left:315px;}

.header .nav li.m4 .sub li:nth-child(2) dl{ margin-left:110px;}

.header .nav li.m4 .sub li dl .h4{ font-weight:bold; height:30px; line-height:30px; overflow:hidden; color:#00396c; font-size:20px; margin-left:15px; text-align:left; margin-bottom:38px;}

.header .nav li.m4 .sub li dl dd{ float:left; width:200px; text-align:left;}

.header .nav li.m4 .sub li dl dd  a{ padding-left:15px; overflow:hidden; height:32px; line-height:32px; position:relative; color:#666666;}

.header .nav li.m4 .sub li dl dd  a:hover{ color:#02225a; background:none;}

.header .nav li.m4 .sub li dl dd  a:after{ content:""; position:absolute; top:50%; left:0; height:0px; width:2px; background:#00396c;transition:all 0.3s;}

.header .nav li.m4 .sub li dl dd  a:hover:after{ height:12px; margin-top:-6px;}

.header .nav li.m4 .sub li dl dd .p{ overflow:hidden; padding-bottom:14px;}

.header .nav li.m4 .sub li dl dd .h5{font-weight:bold; height:32px; line-height:32px; overflow:hidden; color:#000000; font-size:14px; margin-left:15px; text-align:left;}

/*产品详细*/

.product_type{ text-align:center; margin-top:4%; margin-bottom:60px;}

.product_type ul li{ display:inline-block;  margin-left:8px; margin-right:8px; position:relative; vertical-align:top; margin-bottom:12px; font-size:16px;}

.product_type ul li .a{ overflow:hidden; padding-left:36px; padding-right:36px; display:block; height:36px; line-height:36px; text-align:center; background:#fff; border:1px solid #dddddd;transition:all 0.3s; font-size:16px; color:#666666;}

.product_type ul li.isel .a{ color:#fff; background:#00396c; border:1px solid #00396c;}

.product_type ul li.isel:hover .a{ color:#fff;}

.product_type ul li:hover .a{ color:#fff;background:#00396c;}

.product_type ul li .smalltype{ position:absolute; left:50%; margin-left:-92%;  top:100%; padding-top:15px; padding-bottom:15px; line-height:30px; width:180%; background:#fff; padding-left:2%; padding-right:2%; display:none; z-index:9;}

.product_type ul li .smalltype a{ display:block/*inline-block*/; vertical-align:top; margin-left:12px; margin-right:12px;}

.product_type ul li .smalltype a:hover{ color:#00396c;}

.product_type ul li .smalltype a.isel{ color:#00396c;}

.product_type ul li:hover .smalltype{ display:block;}

.productPage{}

.product_bg{ background:#f8f8f8; overflow:hidden;}

.product_one{ margin-top:5%; margin-bottom:5%; overflow:hidden;}

.product_one .imgs{ float:left; border:1px solid #dddddd; overflow:hidden; background:#fff; width:48%; max-width:570px;}

.product_one .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.product_one .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.product_one .txts{ overflow:hidden;}

.product_one .txts .cons{ max-width:500px; margin:0 auto; width:94%; overflow:hidden;}

.product_one .txts .h3{ color:#000000; font-size:34px; font-weight:normal; line-height:1.2; overflow:hidden; margin-top:6%;}

.product_one .txts .p{ overflow:hidden; margin-top:7%; color:#333333; font-size:14px; line-height:24px; min-height:144px;}

.product_one .txts .a{ margin-top:6%; overflow:hidden; display:block; height:38px; line-height:38px;  background:url(../images/20211124/product_pic1.png) #00396c 112px center no-repeat; text-indent:32px; width:160px; background-size:16px 13px; color:#fff; font-size:16px;transition:all 0.3s;}

.product_one .txts .a:hover{ text-indent:36px; background-position:116px center;}

.product_nav{ overflow:hidden; padding-top:35px; padding-bottom:35px; background:#fff;}

.product_nav a{ height:36px; line-height:36px; overflow:hidden; float:left; margin-right:50px; position:relative; font-size:16px; color:#666666; font-weight:bold;}

.product_nav a:after{ content:""; position:absolute; bottom:0; left:50%; right:50%; width:0%; height:2px; background:#00396c;transition:all 0.3s;}

.product_nav a.on:after{ width:100%; left:0; right:0;}

.product_nav a.on{ color:#00396c;}

.product_nav a:hover{ color:#00396c;}

.product_cons{ color:#333333;  line-height:24px; font-size:16px; padding-bottom:6%; padding-top:5%;}

.product_cons .divhidden{ display:none;}

.product_cons b{ display:block; font-weight:bold; color:#000000; overflow:hidden; margin-bottom:18px;}

.product_cons p{ overflow:hidden; margin-bottom:4%;}

.product_cons .line{ border-bottom:1px solid #dddddd; height:0; font-size:0; overflow:hidden;}

.product_cons .h4{ font-weight:bold; color:#00396c; font-size:24px; line-height:36px; overflow:hidden; margin-top:4%; margin-bottom:2%;}

.product_cons img{ max-width:100%;}



.productPage .productList{}

.productPage .productList .swiper-container{padding-bottom: 60px;}

.productPage .productList .swiper-slide{ }

.productPage .productList .swiper-slide .boxs{background:#fff; border:1px solid #dddddd; max-width:282px; overflow:hidden; margin:0 auto;}

.productPage .productList .swiper-slide .boxs:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);}

.productPage .productList .swiper-slide .imgs{overflow:hidden; position:relative; padding-top:91%;}

.productPage .productList .swiper-slide img{width: 100%;display: block; height:100%; position:absolute; left:0; top:0;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}

.productPage .productList .swiper-slide a:hover img{transform: scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}

.productPage .productList .swiper-pagination-bullet{width: 10px;height: 10px;background: #e4e4e4;margin: 0 6px;opacity: 1; border:0; outline:none;}

.productPage .productList .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0167c3;border:0;}

.productPage .productList .swiper-slide .h5{ font-weight:normal; overflow:hidden; height:50px; line-height:50px; border-top:1px solid #dddddd; text-align:center; padding-left:2%; padding-right:2%; color:#222222; font-size:14px;white-space:nowrap;text-overflow:ellipsis;}

.productPage .productList .swiper-slide a:hover .h5{ color:#00396c;}



@media only screen and (max-width: 1360px){

/*产品详细*/

.product_type ul li{ font-size:15px;}

.product_type ul li .a{  padding-left:30px; padding-right:30px;}

}